<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<input class="form-control" id="input-date" type="date" name="date" v-model="selDate">
	<div id="all-box">
		<form action="">
			<div class="form-group sel-date">
				<label for="input-date" class="btn btn-primary">选择日期</label>

				<span class="badge">{{selDate}}</span>
			</div>
		</form>
	</div>
</body>
<script src="js/vue.min.js"></script>
<script>
	new Vue({
		el: '#all-box',
		data: {
			selDate: ''
		}
	})
</script>

</html>